import Vue from 'vue'
// @ 是webpack里面配置好的一个别名,代表的就是src的路径
import App from '@/App.vue'
import router from '@/router'
import store from '@/store'
import '@/mock/mockServe' // 引入mockServer让模拟接口生效
import '@/api'

import Swiper from 'swiper'     // 引入swiper的js
import 'swiper/css/swiper.css'  // 引入swiper的css, 一般是直接在main里面引入


import TypeNav from '@/components/TypeNav'
import SlideLoop from '@/components/SlideLoop'
// 全局注册的组件, 如果一个非路由组件被多个组件使用,那么定义在commponents,注册在全局
Vue.component('TypeNav',TypeNav)
Vue.component('SlideLoop',SlideLoop)

Vue.config.productionTip = false

new Vue({
  render: h => h(App),
  router, //每个组件内部都可以通过 this.$router获取到路由器对象,this.$router获取到的是当前的路由对象
  store, // 注册上, 我们所有的组件都可以拿到this.$store
}).$mount('#app')
